<template>
	<view class="record">
		<view style="padding-top: 44rpx;">
			<view class="recordMonyl">
				<text>累计提现金额(元)</text>
				<text>99.99 元</text>
			</view>
		</view>
		<view class="withdrawalTime">
			<view style="padding: 40rpx;" class="">
				<u-collapse
					@change="change"
					@close="close"
					@open="open"
				  >
					<u-collapse-item
					v-for="(item,index) in list" :key='index'
					  :title="item.name"
					  name="Docs guide"
					>
					
					  <text class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
					</u-collapse-item>
		<!-- 			<u-collapse-item
					  title="组件全面"
					  name="Variety components"
					>
					  <text class="u-collapse-content">众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用</text>
					</u-collapse-item>
					<u-collapse-item
					  title="众多利器"
					  name="Numerous tools"
					>
					  <text class="u-collapse-content">众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨</text>
					</u-collapse-item> -->
				  </u-collapse>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						id: 1,
						name: '2012'
					},
					{
						id: 2,
						name: '2013'
					},
					{
						id: 3,
						name: '2345'
					},
					{
						id: 3,
						name: '2345'
					},
					{
						id: 3,
						name: '2345'
					},
					{
						id: 3,
						name: '2345'
					},
					{
						id: 3,
						name: '2345'
					},
					{
						id: 3,
						name: '2345'
					},
					{
						id: 3,
						name: '2345'
					},
					
				]
			}
		},
		methods: {
			open(e) {
			  // console.log('open', e)
			},
			close(e) {
			  // console.log('close', e)
			},
			change(e) {
			  // console.log('change', e)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.record {
		height: 100%;
		background-color: #F4F4F4;
		padding: 0 32rpx;
		.recordMonyl {
			width: 100%;
			height: 238rpx;
			background-color: #FFFFFF;
			text-align: center;
			padding-top: 40rpx;
			box-sizing: border-box;
			margin-bottom: 32rpx;
			text {
				display: block;
				font-weight: 600;
				color: #333333;
			}
			text:nth-child(2) {
				margin-top: 40rpx;
			}
		}
		.withdrawalTime {
			width: 100%;
			border-radius: 18rpx;
			background-color: #FFFFFF;
		}
	}
</style>
